.philosophy {
  display: grid;
  grid-template-columns: 44% calc(56% - 2rem);
  grid-template-rows: 1fr;
  gap: 2rem;
}
.philosophy .left-side {
  min-width: 100%;
  max-width: 100%;
  height: auto;
}
.philosophy .left-side .img-container,
.philosophy .left-side img {
  width: 100%;
  height: auto;
}
.philosophy .right-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 4rem;
}
.philosophy .right-side .title-box .title {
  color: var(--c-01-100);
}
.philosophy .right-side .title-box .wi-title {
  display: flex;
  align-items: center;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  gap: 2rem;
}
.philosophy .right-side .title-box .wi-title .svg-box {
  position: absolute;
  bottom: 8px;
  left: 124px;
}
.philosophy .right-side .title-box .wi-title .the {
  padding-left: 1rem;
}
.philosophy .right-side .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.philosophy .right-side .container .box {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.philosophy .right-side .container .small-title {
  color: var(--c-dark-20t-100);
}

@media screen and (max-width: 768px) {
  .philosophy {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .philosophy .right-side .title-box .wi-title .svg-box {
    left: 108px;
  }
}
@media screen and (max-width: 375px) {
  .philosophy .right-side .title-box .wi-title .svg-box {
    left: 100px;
  }
  .philosophy .right-side .title-box .wi-title p {
    font-size: 2.25rem;
  }
}/*# sourceMappingURL=philosophy.css.map */